<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page import= "model.filemanager.FileManager" %>
<%@ page import= "model.filemanager.MediaFile" %>
<%@ page import= "model.filemanager.MediaList" %>
<%@ page import= "view.*" %>
<%@ page import= "model.*" %>
<%@ page import= "java.util.Iterator" %>
<%@ page import="com.google.appengine.api.users.User" %>
<%@ page import ="com.google.appengine.api.users.UserService" %>
<%@ page import ="com.google.appengine.api.users.UserServiceFactory" %>

<div id="audiobar"><div id="nowplaying">Player</div><a href="javascript:javascript:playerShow(false)" class="reg_button">-</a></div>
<div id="audiocontrols">
	<a id="previoussong" href="javascript:playerAction('previous song')" class="reg_button"><img src="../images/prevsong.gif" /></a>
	<div style="display:inline-block" id="audioTag">
	<audio  controls="controls">
		<source id='audioSource' ></source>
		Your browser does not support the audio element.
	</audio>
	</div>
	<a id="nextsong" href="javascript:playerAction('next song')" class="reg_button"><img src="../images/nextsong.gif" /></a>
</div>
<div id="playercontrols">
	<a id="playloop" href="javascript:playerAction('loop')" class="reg_button"><img src="../images/loop.gif" /></a>
	<a id="playshuffle" href="javascript:playerAction('shuffle')" class="reg_button"><img src="../images/shuffle.gif" /></a>
	<select id="playerlist">
		<option value='single'>single song</option>
		<option value='list' selected>playlist</option>
	</select>
</div>
